<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery-1.11.1.min.js"></script>
    <script>
        //JQuery的入口函数，作用和window.onload 是一样的

        //用JQuery方式实现和window.onload一样的功能,可以多次出现
        $(window).load(function(){
            alert(1);
        })
        $(window).load(function(){
            alert(2);
        })
        $(window).load(function(){
            alert(3);
        })

        //JQuery的入口函数的第一种方式：
        $(document).ready(function(){

        })

        //JQuery的入口函数的第二种方式：(第一种方式的简化，作用完全一样)
        $(function(){

        })

        /*
           JQuery入口函数与js入口函数的区别
           1、书写个数不同
              --JS入口函数只能出现一次，出现多次会存在事件覆盖的问题
              --JQuery的入口函数，可以出现任意多次，并不会存在事件覆盖问题
           2、执行的时机不同
              --JS入口函数是在所有的文件资源加载完成后，才执行。这些文件资源包括：页面文档，外部的js文件，外部的css文件，图片等
              --JQuery的入口函数，是在文档加载完成后，就执行。文档加载完成指的是：DOM树加载完成后，就可以操作DOM了， 不用等到所有的
                 外部资源都加载完成。

            文档加载的顺序：从上而下，边解析边执行。
         */
    </script>
</head>
<body>

</body>
</html>